<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title>sample</title>
    <script type="text/javascript" src="../../lib/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/angularjs/1.3.0-beta.5/angular.js"></script>
    <style type="text/css">
        .cls {
            width: 100px;
            height: 100px;
            background-color: red;
            margin-top: 10px;
        }
        .odd {
            color: red;
        }
        .even {
            color: green;
        }
    </style>
</head>
<body>
<div ng-controller="TestController" ng-class="'cls'"></div>
<div ng-controller="TestController" ng-class="cls"></div>
<script type="text/javascript">
    var TestController = ["$scope", function($scope) {
        $scope.cls = 'cls';
    }];
</script>

<ul ng-init="l=[1,2,3,4]">
    <li ng-class-even="'even'" ng-class-odd="'odd'" ng-repeat="m in l">{{ m }}</li>
</ul>
</body>
</html>